<template>
  <div class="wh">
    <div class="f-wh-4-s1"> 
      <slot></slot>
    </div>
  </div>
</template>

<script setup>

</script>

<style scoped lang="scss">

.wh {
  flex-shrink: 0;
  box-sizing: border-box;
  .f-wh-4-s1 {
  width: 100%;
  height: 100%;
  z-index: 320;
  overflow: hidden;
  
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
  box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 20px inset;
  background: linear-gradient(to left, #7ce7fd, #7ce7fd) left top no-repeat,
    linear-gradient(to bottom, #7ce7fd, #7ce7fd) left top no-repeat,
    linear-gradient(to left, #7ce7fd, #7ce7fd) right top no-repeat,
    linear-gradient(to bottom, #7ce7fd, #7ce7fd) right top no-repeat,
    linear-gradient(to left, #7ce7fd, #7ce7fd) left bottom no-repeat,
    linear-gradient(to bottom, #7ce7fd, #7ce7fd) left bottom no-repeat,
    linear-gradient(to left, #7ce7fd, #7ce7fd) right bottom no-repeat,
    linear-gradient(to left, #7ce7fd, #7ce7fd) right bottom no-repeat;
  background-size: 2px 12px, 12px 2px, 2px 12px, 12px 2px;
}
}

</style>
